<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>datalist</title>
</head>
<body>
    <h1>datalist</h1>
    <ul>
        <li>现在input可以使用datalist标签来指定备选范围</li>
        <li>只要在Input中输入的内容匹配到了列表中的label值，那么可以自动出现候选选项</li>
    </ul>
    <input type="text" list="movie" />
    <datalist id="movie">
        <option label="影片排行榜第一" value="超能陆战队">
        <option label="影片排行榜第二" value="灰姑娘">
        <option label="影片排行榜第三" value="失孤">
        <option label="影片排行榜第四" value="木星上行">
        <option label="影片排行榜第五" value="帕丁顿熊">
    </datalist>
</body>
</html>